<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="提示框" onclick="testAlert()"/> <br>
<input type="button" value="确认框" onclick="testConfirm()"/> <br>
<input type="button" value="对话框" onclick="testPrompt()"/> <br>
<script>
    //三种弹窗方式
    function testAlert() {
        //普通信息提示框
        window.alert("提示信息");
    }

    function testConfirm() {
        //确认框
        var con = confirm("确定要删除吗?");
        if (con) {
            alert("点击了确定")
        } else {
            alert("点击了取消")
        }
    }

    function testPrompt() {
        //信息输入对话框
        var res = prompt("请输入昵称", "例如:张三");
        alert("您输入的是:" + res)
    }
</script>
</body>
</html>